<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <link rel="stylesheet" href="styles/style.css" type="text/css" />
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
  <script type="text/javascript">
	var map;

	function initialize() {
		var myOptions = {
			zoom : 6,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		};
		map = new google.maps.Map(document.getElementById('map_canvas'),
				myOptions);

		// Try HTML5 geolocation
		if (navigator.geolocation) {
			navigator.geolocation.getCurrentPosition(
					function(position) {
				var pos = new google.maps.LatLng(position.coords.latitude,
						position.coords.longitude);

				var infowindow = new google.maps.InfoWindow({
					map : map,
					position : pos,
					content : 'Votre position est ici'
				});

				map.setCenter(pos);
			}, function() {
				handleNoGeolocation(true);
			});
		} else {
			// Browser doesn't support Geolocation
			handleNoGeolocation(false);
		}
	}

	function handleNoGeolocation(errorFlag) {
		if (errorFlag) {
			var content = 'le service de geolocalisation a echouer';
		} else {
			var content = 'le navigateur ne supporte pas la geolocalisation';
		}

		var options = {
			map : map,
			position : new google.maps.LatLng(60, 105),
			content : content
		};

		var infowindow = new google.maps.InfoWindow(options);
		map.setCenter(options.position);
	}

	google.maps.event.addDomListener(window, 'load', initialize);
  </script>
</head>
 
<body onload="initialize()">
<div id="page" align="center">
		<div id="toppage" align="center">
			<div id="date">
				<div class="smalltext" style="padding: 13px;">
					<strong>23 janvier 2012</strong>
				</div>
			</div>
			<div id="topbar">
				<div align="right" style="padding: 12px;" class="smallwhitetext">
					<a href="accueil.html">Accueil</a> | | <a href="#">Nous
						Contacter</a>
				</div>
			</div>
		</div>
		<div id="header" align="center">
			<div class="titletext" id="logo">
				<div class="logotext" style="margin: 30px">
					Biblio<span class="orangelogotext">C</span>D
				</div>
			</div>
			<div id="pagetitle">
				<div id="title" class="titletext" align="right">Bienvenue sur
					Biblio CD</div>
			</div>
		</div>
		<!-- Contenue -->
		<div id="content" align="center">
			<div id="menu" align="right">
				<div align="right" style="width: 189px; height: 8px;">
					<img src="images/mnu_topshadow.gif" width="189" height="8"
						alt="mnutopshadow" />
				</div>
				<div id="linksmenu" align="center">
					<a href="accueil.html" title="Home">Accueil</a> <a
						href="index.html" title="Products">d�connexion</a> <a
						href="calculatrice.html" title="Products">calculatrice</a>

				</div>
				<div align="right" style="width: 189px; height: 8px;">
					<img src="images/mnu_bottomshadow.gif" width="189" height="8"
						alt="mnubottomshadow" />
				</div>
			</div>
			<div id="contenttext">
  <div id="map_canvas" ></div>
  
  
			</div>
		</div>
		<!-- -->

		<div id="footer" class="smallgraytext" align="center">
			<br /> BiblioCD &copy; 2012<br />

		</div>
	</div>
</body>
 
</html>